<template>
  <div
    ref="_ref"
    class="vk-alert"
    :class="{
      [`vk-alert--${type}`]: type,
      'is-disabled': disabled
    }"
    :disabled="disabled"
  >
    <span>
      <slot></slot>
    </span>
  </div>
</template>
<script setup lang="ts">
import type { AlertProps } from './types'
defineOptions({
  name: 'VkAlert'
})
withDefaults(defineProps<AlertProps>(), {})
</script>
